<%@page import="helpers.DateHelper"%>
<%@page import="java.util.TreeMap"%>
<%@page import="models.CoordinaModel"%>
<%@page import="models.RouteModel"%>
<%@page import="java.util.List"%>
<%@page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%
	List<RouteModel> listRoute = (List<RouteModel>) request.getAttribute("listRoute");
	List<CoordinaModel> listCoordina = (List<CoordinaModel>) request.getAttribute("listCoordina");
	TreeMap<String, RouteModel> mapRoute = null;
	if(request.getAttribute("mapRoute")!=null)
	{
		mapRoute = (TreeMap<String, RouteModel>) request.getAttribute("mapRoute");
	}
	TreeMap<Integer, String> status = new TreeMap<Integer, String>();
	status.put(0, "Tuyến chờ giao");
	status.put(1, "Tuyến đã chỉ định giao nhận");
	status.put(2, "Tuyến đang giao");
	status.put(3, "Tuyến đã về");
	status.put(4, "Đã cập nhật tồn kho");
	status.put(5, "Đã thu tiền");

%>

<jsp:include page="/admin/layouts/header.jsp">
    <jsp:param name="language" value="1" />
</jsp:include>

<script type="text/javascript" src="/admin/js/list_coordina.js"></script>

<script type="text/javascript">
	jQuery(document).ready(function () {
		jQuery("#startTime, #endTime" ).datepicker();	
	});
</script>
        <div class="maincontent noright">
        	<div class="maincontentinner">
            	
                <ul class="maintabmenu">
                    <li><a href="/admin/coordina/add">Điều phối</a></li>                
                	<li class="current"><a href="/admin/coordina/list/">Danh sách tuyến đã tạo</a></li>            	
                </ul><!--maintabmenu-->
                
                <div class="content">
                	<jsp:include page="/admin/elements/message.jsp"/>
                	<div class="contenttitle radiusbottom0">
	                	<h2 class="table"><span>Danh sách tuyến đã tạo</span></h2>
	                </div> 
	                <form class="stdform" action="#" method="post">               		
	               		<div class="one_half"> 	
	               			<p>
	               				<label>Tuyến</label>	                	
			                    <select class="radius3 action-value" name="routeId">
			                    	<option value="0">---Vui lòng chọn---</option>		                   
			                    	<% for (int i = 0; i < listRoute.size(); i++) { %>
			                        <option value="<%=listRoute.get(i).getId() %>"><%=listRoute.get(i).getName() %></option>
			                        <% } %>
			                    </select>
			                </p>
			                <p>
			                	<label>Trạng thái</label>	               	
			                    <select class="radius3 action-value" name="status">
			                    	<option>---Vui lòng chọn---</option>		                    
			                    	<option value="0">Tuyến chờ giao</option>
			                    	<option value="1">Tuyến đã chỉ định giao nhận</option>			                    	
			                    	<option value="2">Tuyến đang giao</option>
			                    	<option value="3">Tuyến đã về</option>
			                    	<option value="4">Đã cập nhật tồn kho</option>
			                    	<option value="5">Đã thu tiền</option>	                    	
			                    </select>
			                </p>
			                <p>
			                	<label>Ngày tạo từ </label>                        
	                            <input type="text" class="smallinput" name="startTime" id="startTime">
			                </p> 
			                <p>
			                	<label> đến </label>                        
	                            <input type="text" class="smallinput" name="endTime" id="endTime">
			                </p>
	               		</div>
	               		<div class="one_half last">  
	               			<p>
	               				<label> Mã nhân viên giao nhận </label>                        
	                            <input type="text" class="smallinput" name="staffId">
	               			</p>	               			
	               			<p>
	               				 <label> Mã Tuyến </label>                        
	                            <input type="text" class="smallinput" name="coordinaId">
	               			</p>
	               			<p>
	               				<button class="radius3 apply-change">Tìm kiếm</button>                      	
	               			</p>                    	
	               		</div>           
               		</form>
               		<br clear="all" /><br />
	                <% if((listCoordina!=null)&&(listCoordina.size()>0)) { %>
	                <table cellspacing="0" cellpadding="0" border="0" class="stdtable stdtablecb" id="list-table">
	                    <colgroup>
	                        <col class="con0">
	                        <col class="con1">
	                        <col class="con0">
	                    </colgroup>
	                    <thead>
	                        <tr>
	                        	<th class="head0">Tên tuyến</th>
	                            <th class="head1">Mã tuyến</th>
	                            <th class="head0">Trạng thái</th>	                           
	                            <th class="head1">Thời gian tạo</th>	
	                            <th class="head0">Chi tiết</th>	                          
	                        </tr>
	                    </thead>
	                    <tfoot>
	                        <tr>
	                        	<th class="head0">Tên tuyến</th>
	                            <th class="head1">Mã tuyến</th>
	                            <th class="head0">Trạng thái</th>	                           
	                            <th class="head1">Thời gian tạo</th>	
	                            <th class="head0">Chi tiết</th>                         
	                        </tr>
	                    </tfoot>
	                    <tbody>
	                    	<% for (int i = 0; i < listCoordina.size(); i++) { %>
	                    	<tr>
	                    		<td class="center">
	                    			<%
	                    				if(mapRoute.get(listCoordina.get(i).getRouteId())!=null)
	                    				{
	                    					out.print(mapRoute.get(listCoordina.get(i).getRouteId()).getName());
	                    				}
	                    			%>
	                    		</td> 
	                    		<td class="center"><%=listCoordina.get(i).getId() %></td>  	                      		 	
	                    		<td class="center"><%=status.get(listCoordina.get(i).getStatus()) %></td>  	                       
	                    		<td class="center"><%=DateHelper.dateToString(listCoordina.get(i).getCreated(),"HH:mm dd/MM/yyyy")%></td>     
	                    		<td class="center">
	                    			<% if(listCoordina.get(i).getStatus()==0) { %>
										<a href="/admin/coordina/specify/<%=listCoordina.get(i).getId() %>">Chỉ định giao nhận</a>						
									<% } else { %>
                    					<a href="/admin/coordina/view/<%=listCoordina.get(i).getId() %>">Chi tiết</a>
	                    			<% } %>
	                    		</td>	                    			                     
	                        </tr>
	                    	<% } %>
	                    </tbody>
	                </table>
	                <% } else { %>
	                	<div class="notification msgalert">
                        	<a class="close"></a>
                        	<p>Không tìm thấy tuyến theo yêu cầu.</p>
                    	</div>
	                <% } %>
                </div><!--content-->
                
            </div><!--maincontentinner-->
            
            <jsp:include page="/admin/elements/copyright.jsp">
            	<jsp:param name="language" value="1" />
			</jsp:include>
            
        </div><!--maincontent-->
        
<jsp:include page="/admin/layouts/footer.jsp">
    <jsp:param name="language" value="1" />
</jsp:include>